<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <title><!--{$lang.page.index.title}--></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/static/lay/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/lay/layui/index.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body" style="padding: 15px;">
        <div class="layui-form-item" style="text-align: center; height: 50px;"><b><!--{$lang.page.mue.bank}--></b></div>
        <form name="addItem" method="post" lay-filter="component-form-group" class="layui-form">
          <input type="hidden" value="<!--{$datainfo.uid}-->" name="uid">
            <!--{if !empty($datainfo.uid)}-->
            <div class="layui-form-item">

            <div class="layui-inline">
              <label class="layui-form-label"><!--{$lang.page.table.account}--></label>
              <div class="layui-input-inline">
               <input type="text" name="username" value="<!--{$datainfo.username}-->" lay-verify="username"  class="layui-input readonly" readonly/>
              </div>
            </div>

            <div class="layui-inline">
              <label class="layui-form-label"><!--{$lang.page.table.realname}--></label>
              <div class="layui-input-inline">
               <input type="text" name="realname" value="<!--{$datainfo.realname}-->" lay-verify="realname" placeholder="<!--{$lang.page.public.pinput}-->" autocomplete="off" class="layui-input" />
              </div>
            </div>

            <div class="layui-inline">
             <label class="layui-form-label"><!--{$lang.page.table.phone}--></label>
              <div class="layui-input-inline">
                <input type="text" name="mobile" value="<!--{$datainfo.mobile}-->" lay-verify="mobile" placeholder="<!--{$lang.page.public.pinput}-->" autocomplete="off" class="layui-input" />
              </div>
            </div>

            <div class="layui-inline">
             <label class="layui-form-label"><!--{$lang.page.public.email}--></label>
              <div class="layui-input-inline">
                <input type="text" name="email" value="<!--{$datainfo.email}-->"  placeholder="<!--{$lang.page.public.pinput}-->" autocomplete="off" class="layui-input" />
              </div>
            </div>

            </div>

            <!--{/if}-->
            
            <div class="layui-form-item showfk">
              <label class="layui-form-label"><!--{$lang.page.public.bankacc}--></label>
              <div class="layui-inline" id="submue"  style="width:90%;">
                 
                <table class="layui-table" id="sharetable" lay-filter="table">
                <thead>
                    <tr>
                        <td width="10%"><!--{$lang.page.public.bank}--></td>
                        <td width="20%"><!--{$lang.page.public.banknum}--></td>
                        <td width="15%"><!--{$lang.page.public.bankbranch}--></td>
                        <td width="10%"><!--{$lang.page.public.bankman}--></td>
                        <td width="10%"><!--{$lang.page.table.curtype}--></td>
                        <td width="10%"><!--{$lang.page.public.bankimg}--></td>
                        <td width="25%"><!--{$lang.page.table.status}--></td>
                        <td width='10%'><a class="layui-btn layui-btn-xs addshare"><!--{$lang.page.public.add}--></a></td>
                    </tr>
                </thead>
                <tbody>
                    <!--{if empty($datainfo.bankaccount)}-->
                     <tr>
                      <td><input type="text" name="bank_name[]" value=""  placeholder="<!--{$lang.page.public.bank}-->" class="layui-input" /></td>
                      <td><input type="text" name="bank_account[]" value=""  placeholder="<!--{$lang.page.public.banknum}-->" class="layui-input" /></td>
                      <td><input type="text" name="deposit_branch[]" value=""  placeholder="<!--{$lang.page.public.bankbranch}-->" class="layui-input" /></td>
                      <td><input type="text" name="deposit_name[]" value=""  placeholder="<!--{$lang.page.public.bankman}-->" class="layui-input" /></td>
                      <td><input type="text" name="currency[]" value=""  placeholder="<!--{$lang.page.table.curtype}-->" class="layui-input"/></td>
                      <td><button type="button" class="layui-btn layui-btn-disabled" disabled><!--{$lang.page.table.nobankimg}--></button></td>
                      <td><input type="radio" name="status[0]" value="2" title="<!--{$lang.page.table.pass}-->" >&nbsp;&nbsp;<input type="radio" name="status[0]" value="1" title="<!--{$lang.page.table.becert}-->">&nbsp;&nbsp;<input type="radio" name="status[0]" value="3" title="<!--{$lang.page.table.gback}-->"></td>
                      <td><a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a></td>
                    </tr>
                     <!--{else}-->
                     <!--{foreach from=$datainfo.bankaccount item=item key=key}-->
                    <tr>
                      <td><input type="text" name="bank_name[]" value="<!--{$item.bank_name}-->"  placeholder="<!--{$lang.page.public.bank}-->" class="layui-input" /></td>
                      <td><input type="text" name="bank_account[]" value="<!--{$item.bank_account}-->"  placeholder="<!--{$lang.page.public.banknum}-->" class="layui-input" /></td>
                      <td><input type="text" name="deposit_branch[]" value="<!--{$item.deposit_branch}-->"  placeholder="<!--{$lang.page.public.bankbranch}-->" class="layui-input" /></td>
                      <td><input type="text" name="deposit_name[]" value="<!--{$item.deposit_name}-->"  placeholder="<!--{$lang.page.public.bankman}-->" class="layui-input" /></td>
                      <td><input type="text" name="currency[]" value="<!--{$item.currency}-->"  placeholder="<!--{$lang.page.table.curtype}-->" class="layui-input"/></td>
                      <td>
                        <input type="hidden" name="fileurl[]" value="<!--{$item.fileurl}-->"/>
                        <!--{if !empty($item.fileurl)}-->
                        <button type="button" class="layui-btn layui-btn-sm" onclick="xadmin.showimg({url:'<!--{$item.fileurl}-->',par:true});"><!--{$lang.page.table.view}--></button>
                        <!--{else}-->
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-disabled" disabled><!--{$lang.page.table.nobankimg}--></button>
                        <!--{/if}-->
                      </td>
                      <td><input type="radio" name="status[<!--{$key}-->]" value="2" title="<!--{$lang.page.table.pass}-->" <!--{if $item.status eq 2}--> checked<!--{/if}-->>&nbsp;&nbsp;<input type="radio" name="status[<!--{$key}-->]" value="1" title="<!--{$lang.page.table.becert}-->" <!--{if $item.status eq 1}--> checked<!--{/if}-->>&nbsp;&nbsp;<input type="radio" name="status[<!--{$key}-->]" value="3" title="<!--{$lang.page.table.gback}-->" <!--{if $item.status eq 3}--> checked<!--{/if}-->></td>
                      <td><a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a></td>
                    </tr>
                     <!--{/foreach}-->
                     <!--{/if}-->
                  </tbody>
                </table>
              </div>

            </div>  
                  
          <div class="layui-form-item layui-layout-admin">
              <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" type="button" id="submit" lay-submit lay-filter="submit"><!--{$lang.page.public.submit}--></button>
                <button type="reset" class="layui-btn layui-btn-primary"><!--{$lang.page.public.reset}--></button>
                <button type="button" class="layui-btn layui-btn-primary" onClick="xadmin.close();" ><!--{$lang.page.table.back}--></button>
              </div>
          </div>

        </form>
      </div>
    </div>
<script src="/static/lay/layui/layui.js"></script>
<script type="text/javascript">
    layui.config({
     base: '/static/lay/' //静态资源所在路径
   }).extend({
     xadmin: 'lib/xadmin' //弹窗
   }).use(['jquery', 'layer','xadmin', 'form', 'element'], function(){
    var form = layui.form;
    form.render(null, 'component-form-group');

     /* 自定义验证规则 */
    var mobile = /^1[3|4|5|7|8]\d{9}$/,phone = /^0\d{2,3}-?\d{7,8}$/;
    form.verify({

      username: function(value){
        if(value.length < 1){
          return '<!--{$lang.page.table.account}--> <!--{$lang.page.public.nocontent}-->';
        }
      }
      ,mobile: function(value){
              var flag = mobile.test(value) || phone.test(value);
                if(!flag){
                  return '<!--{$lang.page.public.paraerror}-->';
                }
            }

    });
    //动态添加表单
    //因为动态添加的元素class属性是无效的，所以不能用
    $('body').on('click', '.addshare', function() {
      if ($('#sharetable tbody tr').length > 2) {
        layer.msg('<!--{$lang.page.public.moreset}--> 3 <!--{$lang.page.public.strip}-->', {
            offset: '20px', 
            time : 2000
        });
      }else{
        i=$('#sharetable tbody tr').length;
        //添加html
        var html = '<tr>'+
          '<td><input type="text" name="bank_name[]" value="" lay-verify="required" placeholder="<!--{$lang.page.public.bank}-->" autocomplete="off" class="layui-input" /></td>'+
          '<td><input type="text" name="bank_name[]" value="" lay-verify="required" placeholder="<!--{$lang.page.public.banknum}-->" autocomplete="off" class="layui-input" /></td>'+
          '<td><input type="text" name="deposit_branch[]" value="" lay-verify="required" placeholder="<!--{$lang.page.public.bankbranch}-->" autocomplete="off" class="layui-input" /></td>'+
          '<td><input type="text" name="deposit_name[]" value="" lay-verify="required" placeholder="<!--{$lang.page.public.bankman}-->" autocomplete="off" class="layui-input" /></td>'+
          '<td><button class="layui-btn layui-btn-sm" type="button"  onClick="xadmin.showimg({url:\'\'})" ><!--{$lang.page.table.view}--></button></td>'+
          '<td><input type="radio" name="status['+i+']" value="2" title="<!--{$lang.page.table.pass}-->" >&nbsp;&nbsp;<input type="radio" name="status['+i+']" value="1" title="<!--{$lang.page.table.becert}-->">&nbsp;&nbsp;<input type="radio" name="status['+i+']" value="3" title="<!--{$lang.page.table.gback}-->"></td>'+
          '<td><a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a>'+
          '</td>'+
          '</tr>';
        //添加到表格最后
        $(html).appendTo($('#sharetable tbody:last'));
        form.render();
      }
    });
    $('body').on('click', '.delshare', function() {
      if ($('#sharetable tbody tr').length === 0) {
        layer.msg('<!--{$lang.page.public.onenodel}-->', {
            time : 2000
        });
      } else {
        //删除当前按钮所在的tr
        $(this).closest('tr').remove();
      }
    });

    form.on('submit(submit)', function (data) {
      $('#submit').attr("disabled",true);
      $('#submit').addClass('layui-btn-disabled');
      $.post('',data.field,function(res){
        if(res.code == 200){
          layer.msg(res.msg);
            setTimeout(() => {
              window.parent.location.reload();
              xadmin.close();
          }, 1000);
        }else{
          layer.msg(res.msg);
        }
      })
      return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    //重置按钮，可以提交失败的时候再次提交
    $('#reset').click(function(){
        $('#submit').removeAttr("disabled");
        $('#submit').removeClass('layui-btn-disabled');
    });
  });

</script>
</body>
</html>